var calendar = require('{plus}/calendar');

return renders({
    <%var required = ''%>
    <%if path?? && path === '/register/'%>
    <%var required = '<b class="f-cred iconfont">*</b>'%>
    <%/if%>

    <form class="ui-form<%if !required%> e-pt10 e-pb20<%/if%>" onsubmit="return false">
        <div class="ui-item e-mt20">
            <label class="ui-label ui-label-pos f-lh35 f-tac">手机号</label>
            <div class="f-fl f-pr">
                <input type="text" name="mobile" class="ui-input ui-input-normal" 
                data-rule-required="true"
                <%var text = '请填写正确的手机号'%>
                data-msg-required="<%text%>"
                autocomplete="off" data-placeholder-options='{"text":"<%text%>"}'>
                <em class="ui-err"></em>
                <i class="iconfont inpclear none">&#xe63c;</i>
            </div>
            <%required%>
        </div>
        <div class="ui-item e-mt20">
            <label class="ui-label ui-label-pos f-lh35 f-tac">设置密码</label>
            <div class="f-fl f-pr">
                <!--[if IE 8]>
                <input type="password" name="password" class="ui-input ui-input-normal onie8"
                data-rule-required="true"
                <%var text = '请设置6-20位密码'%>
                data-msg-required="<%text%>"
                autocomplete="off" data-placeholder-options='{"text":"<%text%>"}'>
                <![endif]-->

                <!--[if !(IE 8)]><!-->
                <input type="text" name="password" class="ui-input ui-input-normal"
                data-rule-required="true"
                <%var text = '请设置6-20位密码'%>
                data-msg-required="<%text%>"
                autocomplete="off" data-placeholder-options='{"text":"<%text%>"}'>
                <!--<![endif]-->
                <em class="ui-err"></em>
                <i class="iconfont inpclear none">&#xe63c;</i>
                <b class="iconfont eye none">&#xe659;</b>
            </div>
            <%required%>
        </div>
        <div class="ui-item e-mt20">
            <label class="ui-label ui-label-pos f-lh35 f-tac">确认密码</label>
            <div class="f-fl f-pr">
                <!--[if IE 8]>
                <input type="password" name="twopassword" disabled="disabled" class="ui-input ui-input-normal onie8" 
                data-rule-required="true"
                <%var text = '两次密码输入不一致'%>
                data-msg-required="<%text%>"
                autocomplete="off" data-placeholder-options='{"text":"<%text%>"}'>
                <![endif]-->
                <!--[if !(IE 8)]><!-->
                <input type="password" name="twopassword" disabled="disabled" class="ui-input ui-input-normal" 
                data-rule-required="true"
                <%var text = '两次密码输入不一致'%>
                data-msg-required="<%text%>"
                autocomplete="off" data-placeholder-options='{"text":"<%text%>"}'>
                <!--<![endif]-->
                <em class="ui-err"></em>
                <i class="iconfont inpclear none">&#xe63c;</i>
                <b class="iconfont eye none">&#xe659;</b>
            </div>
            <%required%>
        </div>
        <div class="ui-item e-mt20">
            <label class="ui-label ui-label-pos f-lh35 f-tac">姓名</label>
            <div class="f-fl f-pr">
                <input type="text" name="name" class="ui-input ui-input-normal" 
                data-rule-required="true"
                <%var text = '请填写姓名'%>
                data-msg-required="<%text%>"
                autocomplete="off" data-placeholder-options='{"text":"<%text%>"}'>
                <em class="ui-err"></em>
                <i class="iconfont inpclear none">&#xe63c;</i>
            </div>
            <%required%>
        </div>
        <div class="ui-item e-mt20">
            <label class="ui-label ui-label-pos f-lh35 f-tac">所在地</label>
            <div class="ui-site">
                <div class="ui-site-title ui-input">
                    <div class="f-fl"><b>请选择所在区域</b></div>
                    <i class="iconfont">&#xe636;</i>
                </div>
                <div class="ui-site-tab f-dn">
                    <ul class="ui-tab">
                        <li class="s-crt">
                            <a href="javascript:void(0);" target="_self">省份</a>
                        </li>
                    </ul>
                    <div class="ui-tabody">
                        <div class="item f-clearfix"></div>
                    </div>
                    <b class="iconfont g_pop_clear">&#xe63c;</b>
                </div>
            </div>
            <input type="hidden" name="provsel" />
            <input type="hidden" name="citysel" />
            <input type="hidden" name="carea" class="ui-input ui-input-normal g-carea" 
            data-rule-required="true"
            <%var text = '请选择所在地'%>
            data-msg-required="<%text%>"
            autocomplete="off" data-placeholder-options='{"text":"<%text%>"}'>
            <em class="ui-err"></em>
            <%required%>
        </div>
        <div class="ui-item e-mt20">
            <label class="ui-label ui-label-pos f-lh35 f-tac">验证码</label> 
            <div class="f-fl f-pr">
                <input type="text" name="cord" class="ui-input ui-input-normal vzcord" 
                data-rule-required="true"
                <%var text = '请输入短信验证码'%>
                data-msg-required="<%text%>"
                autocomplete="off" data-placeholder-options='{"text":"<%text%>"}'>
                
                <em class="ui-err"></em>
                <i class="iconfont inpclear none">&#xe63c;</i>
            </div>
            <%required%>
            <a href="javascript:void(0);" class="oncord">获取验证码</a>
        </div>
        <%if required%>
        <div class="ui-item e-mt20 e-pt10">
            <button type="button" class="ui-button ui-button-blue ui-button-full ui-button-flat ui-button-large">立即注册</button>
        </div>
        <%/if%>
    </form>
})